<html>
<head>
	<link rel="stylesheet" href="css/blueberry.css" />
	<style type="text/css">
	* {
		margin: 0;
		border: 0;
		padding: 0;
	}
	#doc { margin: 0px; }
	#content {
		margin: 0 auto;
	}	
	.blueberry { max-width: 350px; }	
	</style>
		
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
	<script src="js/jquery.blueberry.js"></script>	
	<script>
	$(window).load(function() {
		$('.blueberry').blueberry();
	});
	</script>

</head>
<body>

<div id="doc">
  <div id="content">
<?php 
	$idHotel = $_GET['id'];
?>
				<div class="blueberry">
				      <ul class="slides" style="height:350px;">
<?php 			$folder = "../images/hoteles/" . $idHotel . "/";
				$dir = opendir($folder); 
				while ($elemento = readdir($dir)) {
			    	if ($elemento != "." && $elemento != "..") { 
?>
				        <li><img src="<?php echo $folder.$elemento ?>" /></li>
<?php
			        } 			         
				}
?>
					</ul>
				</div>
  </div>
</div>


		</body>		
				</html>